 .form-group .form-image {
   position: relative;

 }

 .form-group .form-image img {
   max-width: 150px;
 }

 .form-group .form-image input {
   display: none;
 }


 .form-group .form-image i {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: opacity .3s;
   text-align: center;
   opacity: 0;
   background-color: #eee;
   padding: 67px 67px;
 }

 .form-group .form-image:hover i {
   opacity: .7;

 }

 .table .avatar {
   width: 40px;
   border-radius: 50%;
   height: 40px;
 }